export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M512 928c45.558 0 82.822-37.438 82.822-83.2l-165.646 0C429.176 890.562 466.442 928 512 928zM781.178 678.4 781.178 449.6c0-126.88-89.032-235.036-207.06-262.082L574.118 158.4c0-35.364-26.914-62.4-62.118-62.4s-62.118 27.036-62.118 62.4l0 29.118c-118.03 27.046-207.06 135.202-207.06 262.082l0 228.8L160 761.6l0 41.6 704 0 0-41.6L781.178 678.4z"></path>
            </svg>
        </span>
    )
}